<!DOCTYPE html>
<html lang="en">
    <head>
        <title>Contacts</title>
        <meta charset="utf-8">
        <link rel="icon" href="images/favicon.ico">
        <link rel="shortcut icon" href="images/favicon.ico" />
        <link rel="stylesheet" href="css/style.css">
        <link rel="stylesheet" href="css/styles_menu.css">
        <link rel="stylesheet" href="css/form.css">
        <script src="js/jquery.js"></script>
        <script src="js/jquery-migrate-1.1.1.js"></script>
        <script src="js/superfish.js"></script>
        <script src="js/jquery.easing.1.3.js"></script>
        <script src="js/sForm.js"></script>
        <script src="js/Forms.js"></script>
        <script src="js/menu_jquery.js"></script>
        <!--[if lt IE 8]>
          <div style=' clear: both; text-align:center; position: relative;'>
            <a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode">
              <img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." />
            </a>
         </div>
       <![endif]-->
        <!--[if lt IE 9]>
          <script src="js/html5shiv.js"></script>
          <link rel="stylesheet" media="screen" href="css/ie.css">
        <![endif]-->
    </head>
    <body>
        <div class="main">
            <!--==============================header=================================-->
            <header> 
                <div class="main">
                    <!--==============================header=================================-->
                    <header> 
                        <div class="container_12">
                            <div class="grid_12">
                                <h1><a href="index.html"><img src="images/logoSos.jpg" alt="EXTERIOR"></a> </h1>
                                <div id='cssmenu'>
                                    <ul>
                                        <li class='active'><a href='index.html'><span>Início</span></a></li>
                                        <li class='has-sub'><a href='#'><span>Informática</span></a>
                                            <ul>
                                                <li class='has-sub'><a href='#'><span>Notebook</span></a>
                                                    <ul>
                                                        <li><a href='#'><span>Dell</span></a></li>
                                                        <li><a href='#'><span>Hp</span></a></li>
                                                        <li><a href='#'><span>Asus</span></a></li>
                                                        <li><a href='#'><span>Apple</span></a></li>
                                                        <li class='last'><a href='#'><span>Acer</span></a></li>
                                                    </ul>
                                                </li>
                                                <li class='has-sub'><a href='#'><span>Computadores</span></a>
                                                    <ul>
                                                        <li class='last'><a href='#'><span>Sub Item</span></a></li>
                                                    </ul>
                                                </li>
                                                <li class='has-sub'><a href='#'><span>Periféricos</span></a>
                                                    <ul>
                                                        <li><a href='#'><span>Mouse</span></a></li>
                                                        <li><a href='#'><span>Teclado</span></a></li>
                                                        <li class='last'><a href='#'><span>Cabos</span></a></li>
                                                    </ul>
                                                </li>
                                                <li class='has-sub'><a href='#'><span>Monitores</span></a>
                                                    <ul>
                                                        <li><a href='#'><span>Hp</span></a></li>
                                                        <li class='last'><a href='#'><span>LG</span></a></li>
                                                    </ul>
                                                </li>
                                            </ul>
                                        </li>
                                        <li class='has-sub'><a href='#'><span>Hardware</span></a>
                                            <ul>
                                                <li class='has-sub'><a href='#'><span>Placas de Vídeo</span></a>
                                                    <ul>
                                                        <li><a href='#'><span>NVidia</span></a></li>
                                                        <li class='last'><a href='#'><span>AMD</span></a></li>
                                                    </ul>
                                                </li>
                                            </ul>
                                        </li>
                                        <li class='has-sub'><a href='#'><span>Eletrónicos</span></a>
                                            <ul>
                                                <li class='last'><a href='#'><span>TV's</span></a></li>
                                            </ul>
                                        </li>
                                        <li class='has-sub'><a href='#'><span>Telefonia</span></a>
                                            <ul>
                                                <li class='last'><a href='#'><span>Celulares</span></a></li>
                                            </ul>
                                        </li>
                                        <li class='last'><a href='index-5.html'><span>Contato</span></a></li>
                                    </ul>
                                </div>

                                <!-- <div class="menu_block">
                                     <nav  class="" >
                                         <ul class="sf-menu">
                                             <li class="current"><a href="index.html">Home</a></li>
                                             <li class="with_ul"><a href="index-1.html">About Us</a><ul>
                                                     <li><a href="#"> cuisine</a></li>
                                                     <li><a href="#">Good rest</a></li>
                                                     <li><a href="#">Services</a></li>
         
                                                 </ul></li>
                                             <li><a href="index-2.html">Menu</a></li>
                                             <li><a href="index-3.html">Produtos</a></li>
                                             <li><a href="index-4.html">News </a></li>
                                             <li><a href="index-5.html">Contacts</a></li>
                                         </ul>
                                     </nav>
                                     <div class="clear"></div>
                                 </div>
                                 <div class="clear"></div>
                             </div>
                         </div>
                                -->
                                </header>
                                <!--=======content================================-->

                                <div class="content"><div class="ic"></div>
                                    <div class="container_12">
                                        <div class="grid_6">
                                            <h2>Nossa Localização</h2>
                                            <div class="map">
                                                <figure class="img_inner">
                                                    <iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://www.google.com.br/maps?q=-29.665054,-52.936163&amp;layer=c&amp;sll=-29.665054,-52.936161&amp;cbp=13,339.8,,0,10.8&amp;cbll=-29.665077,-52.936185&amp;ie=UTF8&amp;ll=-29.665054,-52.936163&amp;spn=0.001419,0.002642&amp;t=h&amp;z=14&amp;panoid=D6PtITaKKJ_-O1zaKYOwdw&amp;source=embed&amp;output=svembed"></iframe><br /><small><a href="https://www.google.com.br/maps?q=-29.665054,-52.936163&amp;layer=c&amp;sll=-29.665054,-52.936161&amp;cbp=13,339.8,,0,10.8&amp;cbll=-29.665077,-52.936185&amp;ie=UTF8&amp;ll=-29.665054,-52.936163&amp;spn=0.001419,0.002642&amp;t=h&amp;z=14&amp;panoid=D6PtITaKKJ_-O1zaKYOwdw&amp;source=embed" style="color:#0000FF;text-align:left">Exibir mapa ampliado</a></small>
                                                    <!--<iframe src="https://www.google.com.br/maps?q=-29.665054,-52.936163&ll=-29.665105,-52.936273&spn=0.001419,0.002642&sll=-29.665054,-52.936161&layer=c&cbp=13,339.8,,0,10.8&cbll=-29.665077,-52.936185&t=h&z=19&panoid=D6PtITaKKJ_-O1zaKYOwdw"></iframe>-->
                                                </figure>
                                                <address>
                                                    <dl>
                                                        <dt><p>SOS Informática.<br>
                                                            95, Rua Pastor Tesch,<br>
                                                            Cerro Branco - Rio Grande do Sul</p>
                                                        </dt>
                                                        <dd><span>Telefone:</span>(00) 0000-0000</dd>
                                                        <dd><span>Celular:</span>(00) 0000-0000</dd>
                                                        <dd><span>FAX:</span>(00) 0000-0000</dd>
                                                    </dl>
                                                </address>

                                            </div>
                                        </div>
                                        <div class="grid_5 prefix_1">
                                            <h2>Fale Conosco</h2>
                                            <form id="form" action="enviar_contato.php" method="post">
                                                <div class="success_wrapper">
                                                    <div class="success">Mesnagem Enviada Com Sucesso!<br>
                                                        <strong>Em breve etraremos em Contato!</strong> </div></div>
                                                <fieldset>
                                                    <label class="name">
                                                        <input type="text" value="Nome:" >
                                                        <br class="clear">
                                                        <span class="error error-empty">*This is not a valid name.</span><span class="empty error-empty">*Campo Obrigatório.</span> </label>
                                                    <label class="email">
                                                        <input type="text" value="E-mail:">
                                                        <br class="clear">
                                                        <span class="error error-empty">*Email Inválido.</span><span class="empty error-empty">*Campo Obrigatório.</span> </label>
                                                    <label class="assunto">
                                                        <input type="text" value="Assunto:">
                                                        <br class="clear">
                                                        <span class="error error-empty">*Campo Inválido.</span><span class="empty error-empty">*Campo Obrigatório</span> </label>
                                                    <label class="phone">
                                                        <input type="tel" value="Telefone:">
                                                        <br class="clear">
                                                        <span class="error error-empty">*Telefone Inválido.</span></label>
                                                    <label class="mensagem">
                                                        <textarea>Mensagem:</textarea>
                                                        <br class="clear">
                                                        <span class="error">*The message is too short.</span> <span class="empty">*Campo Obrigatório</span> </label>
                                                    <div class="clear"></div>
                                                    <div class="btns"><a data-type="reset" class="btn">Limpar Campos</a><a data-type="submit" class="btn">Enviar</a>
                                                        <div class="clear"></div>
                                                    </div></fieldset></form>
                                        </div>
                                        <div class="clear"></div>
                                        <div class="bottom_block">
                                            <div class="grid_6">
                                                <h3>Redes Sociais</h3>
                                                <div class="socials">
                                                    <a href="#"></a>
                                                    <a href="#"></a>
                                                    <a href="#"></a>
                                                </div>
                                                <!--
                                                <nav><ul>
                                                        <li><a href="index.html">Home</a></li>
                                                        <li ><a href="index-1.html">About Us</a></li>
                                                        <li><a href="index-2.html">Menu</a></li>
                                                        <li><a href="index-3.html">Portfolio</a></li>
                                                        <li><a href="index-4.html">News </a></li>
                                                        <li class="current"><a href="index-5.html">Contacts</a></li>
                                                    </ul></nav>
                                            </div>
                                            <div class="grid_6">
                                                <h3>Email Updates</h3>
                                                <p class="col1">Join our digital mailing list and get news<br> deals and be first to know about events</p>
                                                <form id="newsletter">
                                                    <div class="success">Your subscribe request has been sent!</div>
                                                    <label class="email">
                                                        <input type="email" value="Enter e-mail address" >
                                                        <a href="#" class="btn" data-type="submit">subscribe</a> 
                                                        <span class="error">*This is not a valid email address.</span>
                                                    </label> 
                                                </form> 
                                            </div>-->
                                        </div>
                                        <div class="clear"></div>
                                    </div>
                                </div>
                            </div>
                            <!--==============================footer=================================-->

                            <footer>    
                                <div class="container_12">
                                    <div class="grid_12">
                                        Gourmet © 2013  &nbsp;&nbsp; |&nbsp;&nbsp;  <a href="#">Privacy Policy</a>   &nbsp;&nbsp;|&nbsp;&nbsp;  Website Template designed by <a href="http://www.templatemonster.com/" rel="nofollow">TemplateMonster.com</a><br>Popular free website templates <a href="http://www.websitetemplatesonline.com" target="_blank">at www.WebsiteTemplatesOnline.com</a>. | <a href="http://www.getjoomlatemplatesfree.com/" title="Joomla Templates">GetJoomlaTemplatesFree.com</a>, the Smart Choice.
                                    </div>
                                    <div class="clear"></div>
                                </div>
                            </footer>
                            </body>
                            </html>